/*
总布局样式
*/
* {
    margin: 0 auto;
    padding: 0;
}

html, body {
    height: 100%;
    width: auto;
}

/*工具栏*/
.xy-toolbar {
    width: 100%;
    height: 100%;
}

.xy-toolbar .xy-toolbar-btn, .xy-toolbar .xy-toolbar-search {
    position: absolute;
    top: 0;
    height: 100%;
    /*width:50%;*/
}

.xy-toolbar .xy-toolbar-btn {
    left: 35px;
}

.xy-toolbar .xy-toolbar-search {
    right: 20px;
}

/*工具栏中按钮设置*/
.xy-toolbar .layui-btn {
    height: 30px;
    margin: 0px 5px;
}

/*工具栏设置结束*/

/*设置Layui table的外边距为0.*/
.xy-table .layui-border-box, .xy-table .layui-table-view {
    margin: 0;
    height:100%
}
.xy-table .layui-table-box{
    height:calc(100% - 41px);
    width:100%;
    /*overflow-y: auto;*/
}
.xy-table .layui-table-body{
    height:calc(100% - 39px);
}
.xy-table .layui-table-header .layui-table-cell:not(".laytable-cell-numbers"){
    width:100%;
}
/*.xy-table .layui-table{*/
    /*width:100%;*/
/*}*/
.xy-table .layui-table-header{
    /*padding-left:44px;*/
}
/*checkbox*/
.datagrid-cell-check input[type="checkbox"], .datagrid-header-check input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    visibility: hidden;
}

.datagrid-cell-check > label > input[type="checkbox"] + i, .datagrid-header-check > label > input[type="checkbox"] + i {
    position: relative;
    top: -20px;
    left: 0px;
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid #d2d2d2;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    border-radius: 2px;
    text-align: center;
}

.datagrid-cell-check > label > input[type="checkbox"] + i:hover, .datagrid-header-check > label > input[type="checkbox"] + i:hover {
    border: 1px solid #5FB878;
}

/*布局css*/
.xy-layout {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0px;
    z-index: 0;
}

.xy-layout .xy-layout-west, .xy-layout .xy-layout-center, .xy-layout .xy-layout-east, .xy-layout .xy-layout-north, .xy-layout .xy-layout-south {
    position: absolute;
    margin: 0;
    padding: 0;
    border: 0px solid #D4D4D4;
}

.xy-layout .xy-layout-west {
    left: 0;
    top: 0;
    /*background-color: #1db979;*/
    z-index: 3;
}

.xy-layout .xy-layout-east {
    right: 0;
    top: 0;
    /*background-color: #33ffc5;*/
    z-index: 4;
}

.xy-layout .xy-layout-north {
    left: 0;
    top: 0;
    /*background-color:#5FB878 ;*/
}

.xy-layout .xy-layout-south {
    left: 0;
    bottom: 0;

    /*background-color: #ff621a;*/
}
.xy-layout .xy-layout-center {
    /*background-color: #ffef13;*/
    z-index: 0;
}